<template>
	<view class="line">
		<view class="l-line">
			
		</view>
		<text class="l-c">
			<slot>分割线</slot>
		</text>
		<view class="r-line">
			
		</view>
	</view>
</template>

<script>
	export default {
		name:"hl-divider",
		data() {
			return {
				
			};
		}
	}
</script>

<style scoped lang="scss">
.line{
	height:80rpx;
	display: flex;
	justify-content: center;
	align-items: center;
	.l-line,.r-line{
		margin:0 40rpx;
		width:100rpx;
		height:1rpx;
		color:black;
		background-color: #ececec;
	}
	.l-c{
		min-width:80rpx;
		font-size: 24rpx;
		text-align: center;
		color:#2C2D26;
	}
}
</style>